﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Properties.aspx.cs" Inherits="AutoComplete.Properties" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Autocomplete</title>
    <link rel="shortcut icon" href="css/images/titlelogo.png" type="image/x-icon">
    <script src="js/jquery-1.7.2.min.js"></script>
    <link href="css/menu.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <script src="js/ButtonUp.js" type="text/javascript"></script>   
</head>
<body>
    <form id="form1" runat="server">
        <div class="logo">
            <a href='http://yar-kb.somee.com/default.aspx'>
                <img id="aclogo" src="css/images/logo.png"/>
            </a>
            <div id='cssmenu'>
            <ul>
            <li class='has-sub '><a href='default.aspx'><span>Главная</span></a>
                <ul>
                    <li class='has-sub '><a><span>Главная</span></a></li>
                </ul>
            </li>
            <li class='has-sub '><a href='demonstration.aspx'><span>Демонстрация</span></a>
                <ul>
                    <li class='has-sub '><a><span>Демонстрация работы контрола</span></a></li>
                </ul>
            </li>
            <li class='has-sub '><a href='properties.aspx'><span>Свойства</span></a>
                <ul>
                    <li class='has-sub '><a><span>Описание доступных свойств контрола</span></a></li>
                </ul>
            </li>
            <li class='has-sub '><a href='download.aspx'><span>Скачать</span></a>
                <ul>
                    <li class='has-sub '><a><span>Скачать AutoCompleteTextBox.dll</span></a></li>
                </ul>
            </li>
            </ul>
            </div>
        </div>
        <div class="box">
            <asp:Label ID="lblTitle" runat="server" CssClass="title" Text="Описание доступных свойств контрола"></asp:Label>
            <div class="container">
            <div class="text">
                <asp:Label ID="Label1" runat="server" CssClass="text" Text="Свойства для AutoCompleteTextBox:"></asp:Label>
                <table class="table">
                    <tr class="trtitle">
                        <td>
                            Свойство&nbsp;</td>
                        <td>
                            Возможное значение&nbsp;</td>
                        <td>
                            Описание</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            DataSourceId&nbsp;</td>
                        <td>
                            Id источника данных&nbsp;</td>
                        <td>
                            Указатель ID источника данных</td>
                    </tr>               
                </table>
                <asp:Label ID="Label2" runat="server" CssClass="text" Text="Свойства для источников данных:"></asp:Label>
                <table class="table">
                    <tr class="trtitle">
                        <td>
                            Свойство&nbsp;</td>
                        <td>
                            Возможное значение&nbsp;</td>
                        <td colspan="2">
                            Описание</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            AllowBrowserAutocomplete&nbsp;</td>
                        <td>
                            false&nbsp;</td>
                        <td colspan="2">
                            Указатель того, будет ли включена в браузере функция автозаполнения</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            EnableCache&nbsp;</td>
                        <td>
                            false&nbsp;</td>
                        <td colspan="2">
                            Указатель того, будет ли включено кэширование</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            MaxResults&nbsp;</td>
                        <td>
                            20&nbsp;</td>
                        <td colspan="2">
                            Максимальное количество результатов для вывода</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            MinQueryLength&nbsp;</td>
                        <td>
                            3&nbsp;</td>
                        <td colspan="2">
                            Минимальный размер строки, после введения которой происходит запрос</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            QueryDelay&nbsp;</td>
                        <td>
                            100&nbsp;</td>
                        <td colspan="2">
                            Время (мс) задержки перед запросом</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            ResultHighlighter&nbsp;</td>
                        <td>
                            'charMatch'&nbsp;</td>
                        <td>
                            Способы выделения результатов:<br/><br/>'charMatch' - выделение символов в любом месте<br/>'phraseMatch' - выделение фраз в любом месте<br/>'startsWith' - выделение начала<br/>'subWordMatch' - выделение подслов(пробелы не считаются)<br/>'wordMatch' - выделение полного слова<br /></td>
                    </tr>
                    <tr class="tr">
                        <td>
                            ResultFilters&nbsp;</td>
                        <td>
                            'charMatch'&nbsp;</td>
                        <td>
                            Способы фильтрации:<br/><br/>значения те же, что и у ResultHighlighter</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            QueryDelimiter&nbsp;</td>
                        <td>
                            ','&nbsp;</td>
                        <td>
                            Запрос разделяется указанным символом и только последняя часть будет использована</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            ResultFormatter&nbsp;</td>
                        <td>
                            function formatter(query, results) {...}&nbsp;</td>
                        <td>
                            Способ форматирования выводимого текста.</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            ResultListLocator&nbsp;</td>
                        <td>
                            d&nbsp;</td>
                        <td>
                            Строковый локатор для извлечения данных из JSON (свойство доступно для всех источников данных кроме AutocompleteFunctionDataSource и AutocompleteArrayDataSource)</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            ResultTextLocator&nbsp;</td>
                        <td>
                            d&nbsp;</td>
                        <td>
                            Строковый локатор для извлечения данных из JSON (свойство доступно для всех источников данных кроме AutocompleteFunctionDataSource и AutocompleteArrayDataSource)</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            PathToService&nbsp;</td>
                        <td>
                            Путь к сервису &nbsp;</td>
                        <td>
                            Путь к сервису (свойство доступно только для источников данных AutocompleteJSONPDataSource и AutocompleteXHRDataSource)</td>
                    </tr> 
                    <tr class="tr">
                        <td>
                            RequestTemplate&nbsp;</td>
                        <td>
                            ?q={query}&nbsp;</td>
                        <td>
                            Строка будет добавлена в конец установленного URL (свойство доступно только для источников данных AutocompleteJSONPDataSource и AutocompleteXHRDataSource)</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            StringRequest&nbsp;</td>
                        <td>
                            select * from local.search where zip = "94301" and query = "{query}"&nbsp;</td>
                        <td>
                            Строка запроса (свойство доступно только для источника данных AutocompleteYQLDataSource)</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            ActivateFirstItem&nbsp;</td>
                        <td>
                            true&nbsp;</td>
                        <td>
                            Указатель того, будет ли выделен первый элемент в списке</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            AlwaysShowList&nbsp;</td>
                        <td>
                            true&nbsp;</td>
                        <td>
                            Указатель того, всегда ли виден список результатов</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            Сircular&nbsp;</td>
                        <td>
                            true&nbsp;</td>
                        <td>
                            Если "true", то после верхнего и нижнего элемента следующий будет нижний и верхний соответственно при клавишной навигации вверх и вниз соответственно</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            TabSelect&nbsp;</td>
                        <td>
                            true&nbsp;</td>
                        <td>
                            Указатель того, можно ли будет выделить первый в списке элемент нажатием кнопки "Tab"</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            ScrollIntoView&nbsp;</td>
                        <td>
                            true&nbsp;</td>
                        <td>
                            Указатель того, возможна ли прокрутка результатов</td>
                    </tr>
                    <tr class="tr">
                        <td>
                            Align&nbsp;</td>
                        <td>
                            {
                              node: inputNode,
                              points: ['tl', 'bl']
                            }&nbsp;</td>
                        <td>
                            Способ выравнивания списка результатов</td>
                    </tr>                                             
                </table>
            </div>
        </div>
        </div>
    </form>
    <div id="buttonUp">
        <a id="stl_text" href="#">Наверх</a>
        <a id="stl_text_box" href="#"/>
    </div>
</body>
</html>
